<template>
    <div class="main">
      <div class="banner">
        <div class="swiper-container">
          <div class="swiper-wrapper">
            <div class="swiper-slide" v-for="item in moreimg">
              <img :src=url+item alt="">
            </div>
          </div>
        </div>
      </div>
      <div class="nurse">
        <div class="left">
          <h3>{{name}}</h3>
          <p v-if="real_price>=1">最低: ¥ {{parseInt(real_price)}}</p>
          <p v-if="real_price<1">最低: ¥ {{real_price}}</p>
          <del v-if="show_price>=1">¥{{parseInt(show_price)}}</del>
          <del v-if="show_price<1">¥{{show_price}}</del>
          <div v-if="lasttype==2">下一阶梯价: ￥{{next_price}}</div>
        </div>
        <div class="right">
          <div class="circle">
            <div></div>
          </div>
          <p>截止时间</p>
          <span>{{time}}</span>
        </div>
      </div>
      <div class="group">
        <div class="logo">
          <div></div>
          <span></span>
          <h3>拼团进度</h3>
        </div>
        <ul>
          <li class="process" v-for="(item,index) in progress" v-if="index == 0">
            <div class="box">
              <div class="lingbox" v-if="item.active == 1">
                <div class="ling"></div>
              </div>
              <div v-if="item.active == 0"></div>
              <p :class="{mj:item.active==1}">{{item.title}}</p>
            </div>
            <p class="stage" v-if="item.active == 1 && join_num !==play_num">◀目前</p>
            <p class="stage" v-if="item.active == 1 && join_num == play_num">◀已完成</p>
          </li>
          <li class="process" v-for="(item,index) in progress" v-if="index > 0">
            <div class="line">
              <div></div>
            </div>
            <div class="box">
              <div class="lingbox" v-if="item.active == 1">
                <div class="ling"></div>
              </div>
              <div v-if="item.active == 0"></div>
              <p :class="{mj:item.active==1}">{{item.title}}</p>
            </div>
            <p class="stage" v-if="item.active == 1 && join_num !==play_num">◀目前</p>
            <p class="stage" v-if="item.active == 1 && join_num == play_num">◀已完成</p>
          </li>
        </ul>
      </div>
      <tuanbottom :describe='describe' :play_title='play_title' :play_desc="play_desc"></tuanbottom>
      <div class="foot">
        <p v-if="real_price>=1">支付 <span>￥{{parseInt(next_price)}}</span></p>
        <p v-if="real_price<1">支付 <span>￥{{next_price}}</span></p>

        <a @click="request()">一键参团</a>
      </div>

    </div>
</template>

<script>
    export default {
        name: 'main',
        data() {
            return {

            }
        },
        created(){

        },
        mounted() {

        },
        methods: {

        }
    }
</script>

<style scoped>

</style>
